<template>
  <div>
    <app-header/>
    <main id="app-main">
      <nuxt/>
    </main>
    <app-footer/>
  </div>
</template>
<script>
import AppHeader from '../components/AppHeader'
import AppFooter from '../components/AppFooter'
export default {
  components:{
    AppHeader,
    AppFooter
  }
}
</script>

<style>
html {
  font-family: -apple-system-font,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif;
  font-size: 14px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
  box-sizing: border-box;
  background: #F6F8F9;
}

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
}
#app-main{
  min-height: calc(100vh - 150px);
  padding: 20px 0 60px;
}
</style>

